<template>
	<view class="box">
		<view class="box_top">
			<view class="top_w" @click="geren(item.id)" v-for="(item,index) in list" :key="index">
				<view class="flex">
					<p class="geren">{{item.text1}}</p>
					<p class="s">></p>
				</view>
				<p class="t-c">{{item.text2}}</p>
			</view>
		</view>
		<view class="box_bottom">
			<view class="bottom_w flex" @click="wen()">
					<p>问题反馈</p>
					<p class="s">></p>
			</view>
			<view class="bottom_w1 flex" @click="about()">
					<p>关于我们</p>
					<p class="s">></p>
			</view>
		</view>
		<view class="but" @click="tui()">
			<button>退出</button>
		</view>
		<view class="phone">
			400-0835-999
		</view>
		<view class="ke">
			客服电话
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[
					{text1:"个人信息",text2:"头像，昵称，手机号,收货地址",id:"1"},
					{text1:"账号安全",text2:"账号安全",id:"2"},
					{text1:"交易设置",text2:"交易密码，银行卡管理",id:"3"},
				]
			}
		},
		methods:{
			tui:function(){
				uni.switchTab({
					url:'/pages/me/me'
				})
			},
			geren:function(id){
				if ( id ==1){
					uni.navigateTo({
						url:'./geren'
					})
				} else if (id == 2){
					uni.navigateTo({
						url:'./shez1_zhangh'
					})
				} else if ( id==3 ){
					uni.navigateTo({
						url:'../me_two/shezhi1'
					})
				} 
			},
			wen:function(){
				uni.navigateTo({
					url:"../me_two/shezhi2"
				})
			},
			about:function(){
				uni.navigateTo({
					url:"../me_two/shezhi3"
				})
			}
		}
	}
</script>

<style>
	  .flex{display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
		.box_top{border-radius:20rpx;background-color: #fff;width:90%;padding:20rpx;margin:10rpx auto;}
		.top_w{width:90%;padding:20rpx 10rpx;margin:0 auto;border-bottom: #ccc 1px solid;}
		.geren{font-size:18px;}
		.t-c{color: #ccc;}
		.box_bottom{border-radius:20rpx;background-color: #fff;width:90%;padding:20rpx;margin:10rpx auto;}
		.bottom_w{width:90%;padding:20rpx 10rpx;margin:0 auto;border-bottom: #ccc 1px solid;font-size:18px;}
		.bottom_w1{width:90%;padding:20rpx 10rpx;margin:0 auto;font-size:18px;}
		.but button{background-color: #f00;color: #fff;width:92%;margin:20rpx auto;}
		.s{color: #999;font-size:16px;}
		.phone{font-size:20px;font-weight:bold;text-align: center;}
		.ke{font-size: 16px;text-align: center;}
</style>